/* ################################################################################################
	GLOBAL
################################################################################################ */
#hook_mobile_top_site_map {margin-top: 5px}
.center{text-align:center}
.right{text-align:right}
.qty-field{width:50px!important}
.hide{display:none}
.fl{float:left}
.clear{clear:both}
.width-20{width:20%}
.width-40{width:40%}
.width-70{width:70%}
.width-100{width:100%}
.padding-left-5px{padding-left:5px}
.margin-bottom-10px {margin-bottom:10px}

.ui-btn-up-a .ui-btn-text:visited,
.ui-btn-hover-a .ui-btn-text:visited,
.ui-btn-down-a .ui-btn-text:visited,
.ui-btn-hover-a .ui-btn-text:hover,
.ui-btn-up-a .ui-btn-text:hover,
.ui-btn-down-a .ui-btn-text:hover,
.ui-btn-hover-a .ui-btn-text,
.ui-btn-down-a .ui-btn-text,
.ui-btn-up-a .ui-btn-text {
	color:white;
}
.to_delete {
	background-color:red;
	color:white;
	font-size:12pt;
	text-shadow: none;
	padding:5px;
}

/* JQUERY MOBILE */
.ui-content {overflow-y: hidden}
section .ui-content {padding:0 !important}

.ui-header .ui-title, .ui-footer .ui-title {
	margin:0.5em 20px 0.8em;
	font-size: 20px;
	text-align:left
}

.ui-icon-milebiz-pdf {
	background: url(../../img/icon/pdf.gif) no-repeat;
}
.ui-mobile  fieldset {margin-bottom:15px; border:none}
.ui-field-contain {padding:0}

.ui-content .ui-listview {margin:0;}

.ui-input-search .ui-input-clear {right:5px}

label.ui-select {top:5px; vertical-align:top}
/*.ui-controlgroup-horizontal .ui-select {margin:-5px 0 0 0}*/

.required.bold,
.required sup {
	color: #900;
	font-weight:bold;
}

.warning {
	margin: 10px 0 10px 0;
	padding: 10px;
	border: 1px solid #E6DB55;
	font-size: 13px;
	background: lightYellow;
}

.error-box,
.error {
	margin: 10px 0 10px 0;
	padding: 10px;
	border: 1px solid red;
	font-size: 13px;
	background: #ffb6c1;
}

.error-box ol,
.error ol {
	margin: 0;
	padding: 0 50px;
}

.ui-listview p,
.ui-listview h3 {
	padding:0;
}
.ui-listview p {
	margin-top:-0.5em;
}
.without-margin {margin: 0;}
.without-padding {padding:0;}

/* title *************************************************************************************** */
h1 {font-size:20px}
h2 {margin:0 0 0.6em 0; font-size:18px}
h3 {padding-bottom:14px; font-size:16px}
h4 {font-size:14px}


/* text **************************************************************************************** */
p {
	padding-bottom:10px;
	font-size:12px
}
.txt-center{text-align: center;}
/* link **************************************************************************************** */
a, a:active, a:visited {
	color:#333;
	text-decoration:none;
	outline: none;
}

/* errors box ************************************************************************************* */
.error-box {
	display: block;
	background-color: #FFB200;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0.0, #ffd573),color-stop(1, #FEEFB3));
	background-image: -o-linear-gradient(top,#ffd573,#FEEFB3);
	background-image: -moz-linear-gradient(center top,#ffd573 0%,#FEEFB3 100%);
	border:1px solid #9E6014;
	opacity: 0.96;
	position: fixed;
	top:100px;
	font-family: arial, sans-serif;
	width:80%;
	left:10%;
	padding:20px 10px;
	-moz-border-radius: 0.6em;
	-webkit-border-radius: 0.6em;
	border-radius: 0.6em;
	color:#9E6014;
	z-index:1000;
}
.error-box ol {
	margin:0;
	padding:0;
}

.error-box .close-bt {
	position:absolute;
	top:5px;
	right:10px;
}

/* form **************************************************************************************** */
.ui-mobile  fieldset {margin:0 0 15px 0}


hr {margin:30px 0 10px 0}
hr.margin_bottom {margin:10px 0 30px 0}
hr.margin_less {margin:10px 0 10px 0}

.clearfix:before,
.clearfix:after {
   content: ".";
   display: block;
   height: 0;
   overflow: hidden
}
.clearfix:after {clear: both}
.clearfix {zoom: 1}

.ui-br{border:none}

/* PAGINATION */
.pagination {
	position:relative;
	margin:5px 0;
	text-align:center;
}
	ul.pagination_mobile {
		float:right;
	}
	.pagination_mobile li {
		float:left;
	}
	.pagination_mobile .disabled,
	.pagination_mobile .disabled .ui-btn-inner {
		background-color:#DDDDDD;
		color:#aaaaaa;
		cursor:default;
	}
	.pagination_mobile .current .ui-btn {
		cursor:default;
	}
	.pagination_mobile .current .ui-btn-down-c {
		color:#ffffff;
	}
	.pagination_mobile .disabled .ui-btn-inner {
		border-top:1px solid #dddddd;
	}
	.pagination_mobile .ui-btn-inner {
		padding: 0.6em 10px;
		font-size: 80%;
	}
	.pagination_mobile .pagination_next .ui-btn-inner{
		padding:0.6em 35px 0.6em 10px;
	}
	.pagination_mobile .pagination_previous .ui-btn-inner{
		padding:0.6em 10px 0.6em 35px;
	}
	.pagination ul {
		margin:2px 0 0 0;
		padding:0;
		list-style-type:none;
	}
	.pagination li {display:inline-block}
	/*.pagination li a,
	.pagination li.active	{
		display:inline-block;
		padding:2px 10px;
		color:#666 !important;
		text-decoration:none;
		border:1px solid #ccc;
	}*/
	.pagination li.active {
		color:#888 !important;
		border:1px solid #eee;
	}
	.pagination li a:hover {
		color:#333 !important;
		border:1px solid #333;
	}
	.pagination .btnnprevious {
		position:absolute;
		top:2px;
		left:5px;
		height:26px;
		width:26px;
		text-indent:-5000px;
		background:#333
	}
	.pagination .btnnext {
		position:absolute;
		top:2px;
		right:5px;
		height:26px;
		width:26px;
		text-indent:-5000px;
		background:#333
	}

/* button */
.button_next {float:right;}


/* check form */
.valid {border:1px solid green}
.invalid {border:1px solid red}

#account-creation_form p .ui-radio-on .ui-icon{width:0px;height:18px;background:none;background-image:url(../img/icons-18-white.png);background-position:-720px 50%;background-repeat:no-repeat;-moz-border-radius:9px;-webkit-border-radius:9px;border-radius:9px}
#account-creation_form p.select .ui-select .ui-icon{background:none}

/* ################################################################################################
	HEADER
################################################################################################ */
/*#header {
	position:relative;
	height:122px;
	font-weight:normal !important;
	font-size:10pt;
	color:#333;
	text-shadow:none;
	border:0 !important;
	background:none !important;
}
	#header a {
		color:#333;
		text-decoration:none;
	}

	#logo {
		position:absolute;
		top:0;
		left:0;
		z-index:10;
	}
	
	.shoppingbag {
		margin:10px 0 2px 0;
		padding:2px 5px 4px 5px;
		color:#fff;
		background:#383838;
	}
		.shoppingbag a {color:#fff !important;}
		.shoppingbag span {
			font-size:8pt
		}
	.quicklink {
		margin:5px 0;
		padding:0 5px;
	}
	.login {
		margin:25px 0;
		padding:0 5px;
		font-size:8pt;
	}*/

/* HEADER */
#header {padding-bottom: 10px;}
#header  .ui-block-a img {display: block;margin: 10px}


/* NAVBAR TOP */
.navbartop {
	height:42px;
	background:#383838;
}
.navbarcontent {
	height:32px;
	background:#cccccc;
}
.navbarcontent h3 {
	margin:0;
}
.navbartop .btnopen {text-indent:-5000px}

	.link_cart{
		background:url(../img/img_cart.png) 0 2px no-repeat;
		padding:5px 5px 5px 30px;
		text-decoration:none;
		float:right
	}
	.link_account {
		background:url(../img/icon/my-account.png) 0 5px no-repeat;
		padding:5px 5px 5px 20px;
		text-decoration:none;
		float:right
	}
	.input_search {margin:0 10px 10px 0; text-align:right}
	#block_cart{margin:10px}


/* ################################################################################################
	CONTENT
################################################################################################ */
#content {}


/* ################################################################################################
	FOOTER
################################################################################################ */
#footer {margin-top:20px}
#newsletter {
	margin:0 auto;
	width:96%
}
#newsletter .ui-field-contain label.ui-input-text {width:auto}
/*#newsletter .ui-btn {
	position:relative;
	top:8px;
}*/

h2.site_map {
	text-align:center;
}

#lnk_footer {
	margin:0 auto;
	padding:2%;
	background:#ddd
}
#lnk_footer  li .ui-btn {
	display:inline-block;
	text-align:left !important
}
#lnk_footer .ui-btn-up-a,
#lnk_footer .ui-btn-hover-a {
	color:#333;
	text-shadow:none !important;
	border:none !important;
	background:none !important
}
#lnk_footer .ui-btn-hover-a {text-decoration:underline}
#lnk_footer .ui-btn-inner {
	padding:2px !important;
	border:0
}

	#footer .ui-field-contain{
		text-align:center
	}
	#account_link {text-align:center;padding:10px 0}
	#account_link .ui-block-a{
		width:46%;
		padding:0  2%;
		text-align:right
	}
	#account_link .ui-block-b{
		width:46%;
		padding:0 2%;
		text-align:left
	}
	#bar_footer {margin:10px 0 0 0}
	#link_bar_footer{padding:15px 0}
	#link_bar_footer .ui-block-a{
		width:46%;
		padding:0  2%;
	}
	#link_bar_footer .ui-block-b{
		width:46%;
		padding:0  2%;
		text-align:right
	}
	
.ui-body-c #footer #account_link .ui-link {color: #333 !important;}
.ui-body-c #footer #link_bar_footer .ui-link {color: #fff !important;}


/* ################################################################################################
	HOMEPAGE
################################################################################################ */
#slider {margin:0 0 10px 0;}
#highlight {margin:0 0 10px 0;}

#category {margin:0 0 10px 0;}


/* ################################################################################################
	CATEGORY
################################################################################################ */
#category h1 {text-align:left}

#category .container-sort {float:right}
#category .container-sort-bottom {float:left}

#category-list .ui-li-thumb {
	float:none;
	position:relative
}
#category-list .ui-block-a .ui-btn-inner {
	border-right:1px solid #cccccc;
}
#category-list .ui-li-heading {height:45px; white-space:normal;}
#category-list .ui-li-price {text-align:right; color:#990000; font-size:12pt; font-weight: bold;}
#category-list .ui-li-price-info {text-align:right; font-size:7pt; text-transform: uppercase;}
#category-list .ui-li-price-info span {display:inline-block;}
#category-list .ui-li-price-info.discount span {background-color:#9B0000; color:#ffffff; text-shadow:none;}
#category-list .ui-btn-icon-right .ui-icon {display:none}
.product-list-row {
	margin-right: 0px!important;
	margin-left: 0px!important;
}

/* ################################################################################################
	CART
################################################################################################ */
.price_on_accordion_cart{
	position:fixed;
	right:30px;
	padding:4px;
	background:red;
	border-radius:50%
}
.accordeon_cart .test{margin:0}
.accordeon_cart div.ui-collapsible-content{margin:0}
.information_details_cart p{margin-top:10px}
.total_price .ui-bar h3{
	display:block;
	text-align:right
}

.cart_total_bar h3 {
	margin: 0 0 10px 0;
}
.cart_total_bar .btn-row {
	text-align: right;
}
.cart_total_bar .ui-btn {
	margin: 10px 0 0 0;
	display:inline-block;
}
.total_price p{
	margin:5px 0;
	font-size:12px;
	text-align:right
}
.cart img.img_product_cart{
	margin-top:0.7em;
	border-radius:0;
}

.ui-controlgroup.grouped_buttons_card, fieldset.ui-controlgroup.grouped_buttons_card
{
	margin:0;
}

.grouped_buttons_card,.display_block_card_product
{
	text-align:center;
	margin-top:10px;
}




/* ################################################################################################
	PRODUCT
################################################################################################ */

/*	.second_container{
		float: left;
		margin-top:0;
		margin:0 1%;
		padding:0 1%;
		width: 96%;
		text-align:center
	}
	.first_container{
	margin:0 1%;
	padding:0 1%;
	width:96%;
	float:left;
	text-align:center
}*/

.category_desc {
	margin: 0 0 10px 0;
	padding:10px 5px;
	border:1px solid #cccccc;
	box-shadow: 1px 1px 2px #cccccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.category_desc p{
	margin:0px;
	padding:0px;
}
.category_desc .hide_desc {
	display:none;
}
.category_desc .lnk_more {
	float:right;
}
.category_desc .lnk_more .ui-btn-inner {
	font-size:80%;
	padding:0.4em 10px 0.4em 33px;
}

#product_title h1{width:62%;margin-left:5%;float:left;}
#product_title span{
	width:25%;
	margin:14px 3% 10px 5%;
	font-size:20px;
	font-weight:bold;
	text-align:right;
	float:left
}

.product_img_wrapper {
	text-align:center;
}
.product_img_wrapper img {
	width:95%;
	max-width: none;
	max-height: none;
	margin:0;
}

#attributes-1 .ui-select{
	float:left;
}

#select_attributes .ui-select{
	float:left
}
.product_page{text-align:center}

.description{text-align:left}

.quantite{text-align:left}


.img_product{margin:0 auto}
.img_product_list{margin:0 auto}
.view_product{background:#fff}
.view_product .view_full_size {text-align:center;}
.view_product .thumbs_list_frame {list-style-type: none;}
.view_product .thumbs_list_frame li {float:left;}
.view_product .thumbs_list_frame li img {margin: 0 6px;border: 1px solid #CDCDCD;}
.list_view{text-align:center}
#product_page{width:100%}

.ui-btn.disabled,
.ui-btn.disabled .ui-btn-inner {
	background-color:#DDDDDD;
	color:#aaaaaa;
	cursor:default;
}
.ui-btn.disabled .ui-btn-inner {
	border-top:1px solid #dddddd;
}
.ui-btn.disabled button,
.ui-btn.disabled input {
	cursor:default;
}
.ui-btn-hover-c.disabled {	
	border:1px solid #CCCCCC;
}

#availability_statut {
	margin: 10px 0 0 0;
}

	#availability_statut #availability_value {
		background-color:green;
		color:#ffffff;
		text-shadow:none;
		padding:0 10px;
		text-transform: uppercase;
		font-size:10pt;
		font-weight: bold;
		display:inline;
	}
	#availability_statut #availability_value.warning_inline {
		background-color:#9B0000;
	}

	.content_prices .online_only {
		font-weight: bold;
		font-size: 10pt;
		color: #900;
		text-transform: uppercase;
		margin:0;
		padding:0;
	}
	.content_prices .price {
		text-align:right;
	}
		.content_prices .price .on_sale {
			background-color: #F8DC0C;
			padding:2px 5px;
			font-size:12pt;
			border:1px solid #DDA84E;
			margin: 2px 0;
			display:inline-block;
		}
		.content_prices .price p {
			margin:0;
			padding:0;
		}
		.content_prices .price .old_price_display {
			text-decoration: line-through;
			font-size:11pt;
		}
		.content_prices .price .old_price .reduction_amount_display,
		.content_prices .price .old_price .reduction_percent {
			background-color:#9B0000;
			color:#ffffff;
			text-shadow:none;
			padding:0 5px;
			margin: 0 0 0 5px;
			font-weight: bold;
		}
		.content_prices .price .our_price_display {
			color:#990000;
			font-size:21pt;
			font-weight: bold;
		}
		.content_prices .price .unit-price,
		.content_prices .price .price-ecotax {
			margin: 10px 0 0 0;
		}
#more_info_block ul li {
	font-size:9pt;
}
.accessories_block ul {
	list-style-type: none;
	margin:0;
	padding:0;
}

	.accessories_block li {
		background-color:#111111;
		border-bottom:1px solid #555555;
		padding:5px;
	}
	.accessories_block li.last_item {
		border:none;
	}
	.accessories_block li .col-left {
		word-wrap: break-word;
		float:left;
	}
	.accessories_block li .col-right {
		float:right;
		width:100%;
		margin:0 0 0 -68px;
		
	}
		.accessories_block li .col-right .inner {
			margin:0 0 0 78px;
		}
			.accessories_block li .col-right .inner p,
			.accessories_block li .col-right .inner h5 {
				margin:0;
				color:white;
			}
			.accessories_block li .col-right .inner h5 {
				font-size:10pt;
			}
			.accessories_block li .col-right .inner p {
				color:#aaaaaa;
			}
	.accessories_block li .price {
		text-align:right;
		font-size:14pt;
		font-weight: bold;
	}
	.accessories_block li .btn-row {
		text-align:right;
	}
/*.third_container{float:left}*/

/* ################################################################################################
	PRODUCT
################################################################################################ */


/* ################################################################################################
	404
################################################################################################ */

#not_found{padding:3%}

.input_search_404{text-align:center}

.nbr_result {
	position:relative;
	top:6px;
	font-size:14px
}

/* ################################################################################################
	OPC
################################################################################################ */
h3.bg {
	padding:8px;
	color:#fff;
	background:#666;
	text-shadow: 0 1px 0 #000 !important
}

.block {
	margin:10px 0;
	padding:10px;
	border:1px solid #bbb;
	background:#dbdbdb
}
.block h3 {margin-top:0}

ul.adress {
	list-style-type:none;
	margin:0;
	padding:0 0 0 10px
}

#cart {}
#cart  h3{
	margin:0;
	padding:0
}
#cart input {margin:5px 0}
#cart .ui-li-desc {margin:0}

#voucher {}
#voucher h3 {margin:0}

#cart_price .ui-btn-up-c {
	border:none;
	background:none;
}

.lnk_CGV {padding:0}


/* ################################################################################################
	LOGIN
################################################################################################ */
.login_form .submit_button {float:right}
.login_form .forget_pwd {
	margin:5px 0 0 0;
	padding:0;
	font-size:0.8em
}
.login_form .ui-btn {float:right}


/* ################################################################################################
	CATEGORY
################################################################################################ */
#category-list li a {position:relative}
#category-list li .ui-li-desc {
	padding:0;
	margin:0;
}
#category-list li .ui-li-price-info span {padding: 2px 5px;}
.new {
	position:absolute;
	top:17px;
	right:-22px;
	margin:0 0 0 0px;
	padding:2px 0;
	width:100px;
	text-align:center;
	background-color: rgba(162, 29, 28, 0.9);
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	color:#ffffff;
	text-shadow: none;
	text-transform: uppercase;
	font-size:8pt;
}
#category-list .online_only {
	position:absolute;
	margin:0;
	padding:0;
	top: 32px;
	right: -29px;
	margin:0;
	padding:2px 0;
	width: 142px;
	text-align:center;
	background-color: rgba(0, 0, 0, 0.5);
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	text-shadow: none;
	text-transform: uppercase;
	font-size:8pt;
	color:#ffffff;
}

/* ################################################################################################
	MY ACCOUNT
################################################################################################ */
#list_myaccount .ui-li-icon {top: 0.7em}

.lnk_my-account_home {
	display:block;
	padding:20px 0 0 0
}

/* ################################################################################################
	LAYERED
################################################################################################ */
#layered {}
#layered h3 {margin:30px 0 0 0}
#layered .color-option {
    margin-left:0;
    margin-right:5px;
    padding:0;
    height:16px;
    display:inline-block;
    width:16px;
    border:1px solid #666;
}

/* ################################################################################################
	Manufacturer
################################################################################################ */
.nbrmanufacturer {
	margin: 15px 0 10px;
	padding: 8px 7px;
	font-size: 12px;
	color: black;
	background: none repeat scroll 0 0 #dddddd;
}

/* ################################################################################################
	STORES
################################################################################################ */

#stores_search_block {
	margin-top: 20px;
	padding-left: 10px;
}

.stores_block {
	margin-top: 25px;
	display: none;
}

.stores_block .ui-listview span.image {
	display: table-cell;
	position: absolute;
	left: 0px;
	top: 0px;
	vertical-align: middle;
	width: 80px;
	height: 80px;
}

.stores_block .ui-listview span img {
	position: relative;
	display: inline;
	vertical-align: middle;
}

#full-site-section a {
	font-weight: normal;
	font-size: 12px;
}

#authentication #account-creation_form p.select label {
	display:inline;
	font-size:16px;
	font-weight:normal;
	line-height:1.4;
	margin:0 0 0.3em;
	padding:0px;
}

#authentication #account-creation_form div.ui-radio label span {
	text-align:center;
}
